<!DOCTYPE html>
<html lang="en">

<head>
  <title>首页-汇智通</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/swiper-3.4.0.min.css" />
  <link rel="stylesheet" href="css/public.css" />
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/public.js"></script>
  <style>
  .houseList {
    padding: 30px 10px 10px;
    overflow: hidden;
  }

  .houseList li {
    width: 330px;
    margin: 10px 11px;
    float: left;
    overflow: hidden;
    position: relative;
  }

  .houseList li img {
    width: 370px;
    height: 233px;
  }

  .houseList li a {
    display: block;
  }

  .houseList li a strong {
    color: #fff;
    height: 70px;
    width: 50%;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 50%;
    margin-left: -25%;
  }

  .houseList li b {
    font-size: 24px;
  }

  .houseList li b,
  .houseList li span {
    display: block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
  }

  .houseList li span {
    letter-spacing: 5px;
  }
  .SearchGuide.AdSearch {
    width: 100%;
    height: 500px;
    background: none;
    overflow: hidden;
  }

  .SearchGuide .swiper-slide {
    position: relative;
  }

  .SearchGuide .swiper-slide h3 {
    position: absolute;
    top: 48%;
    left: 50%;
    margin-left: -25%;
    color: #fff;
  }

  .SearchGuide .swiper-slide-active h3 {
    color: #c1d80d;
  }

  </style>
</head>

<body>
  <div class="topBar">
    <div class="topBarHeaderMain">
      <div class="topBarHeader">
        <div class="topfl">
          <a href="/register?from=%2Fpersonal">
            <img src="images/LI0.png" alt="">当前位置：<span>北京市海淀区上地</span></a>
          <a href="/login?from=/personal">您好!请登录</a>
          <a href="/register?from=%2Fpersonal" class="red">免费注册</a>
        </div>
      </div>
    </div>
    <div class="topBarLayoutheaderMain">
      <div id="layout-header" class="topBarLayoutheader">
        <div class="lauyoutLogo">
          <a href="/">
          <img src="images/logo.jpg" alt="" ></a></div>
        <div class="lauyoutSearch">
          <div class="searchBox">
            <input type="text" placeholder="请输入您搜索的内容" value="">
            <a target="_blank" href="html/AdvancedSearch.html" class="searchBtn">搜索</a>
          </div>
          <div class="hotSearch">
            <span>热门搜索：</span>
            <a target="_blank" href="/category?order=createDate&amp;keyword=萨克斯">萨克斯</a>
            <a target="_blank" href="/category?order=createDate&amp;keyword=尤克里里">尤克里里</a>
            <a target="_blank" href="/category?order=createDate&amp;keyword=吉他">吉他</a>
            <a target="_blank" href="/category?order=createDate&amp;keyword=单簧管">单簧管</a>
            <a target="_blank" href="/category?order=createDate&amp;keyword=提琴">提琴</a></div>
        </div>
        <div class="highsearchBtn">
          <a target="_blank" href="html/AdvancedSearch.html">高级搜索</a>
        </div>
        <div class="weiImg"><img src="images/wx.jpg" alt="">
          <p>微信公众号</p>
        </div>
      </div>
    </div>
  </div>
  <div class="topBarContainer">
    <div class="topBarMain">
      <div class="topBarMainRt topBarLink">
        <h2 class="fr">机构入驻</h2>
        <ul>
          <li>
            <a href="javascript:void(0);">声乐器乐</a>
            <div class="menu-list">
              <ul>
                <li>
                  <p>
                    <a href="#">不限</a>
                    <a href="#">尤克里里</a>
                    <a href="#">声乐考级</a>
                    <a href="#">DJ/音控</a>
                    <a href="#">流行歌</a>
                    <a href="#">声乐/乐理</a>
                    <a href="#">器乐</a>
                    <a href="#">吉他</a>
                    <a href="#">钢琴</a>
                    <a href="#">古筝</a>
                    <a href="#">二胡</a>
                    <a href="#">萨克斯</a>
                    <a href="#">琵琶</a>
                    <a href="#">小提琴</a>
                    <a href="#">中提琴</a>
                    <a href="#">大提琴</a>
                    <a href="#">萧</a>
                    <a href="#">电贝斯</a>
                    <a href="#">吹奏乐器</a>
                    <a href="#">打击乐器</a>
                    <a href="#">拉弦乐器</a>
                    <a href="#">弹拨乐器</a>
                    <a href="#">其他</a>
                  </p>
                </li>
              </ul>
            </div>
          </li>
          <li> <a href="javascript:void(0);">形体舞蹈</a>
            <div class="menu-list">
              <ul>
                <li>
                  <p>
                    <a href="#">不限</a>
                    <a href="#">舞蹈考级</a>
                    <a href="#">形体课程</a>
                    <a href="#">瑜珈</a>
                    <a href="#">普拉提</a>
                    <a href="#">爵士舞</a>
                    <a href="#">拉丁舞</a>
                    <a href="#">中国古典舞</a>
                    <a href="#">芭蕾舞</a>
                    <a href="#">街舞</a>
                    <a href="#">肚皮舞</a>
                    <a href="#">钢管舞</a>
                    <a href="#">民族舞</a>
                    <a href="#">现代舞</a>
                    <a href="#">踢踏舞</a>
                    <a href="#">国标舞</a>
                    <a href="#">摩登舞</a>
                    <a href="#">华尔兹</a>
                    <a href="#">减肥瘦身</a>
                    <a href="#">其他</a>
                  </p>
                </li>
              </ul>
            </div>
          </li>
          <li> <a href="javascript:void(0);">美术书法</a>
            <div class="menu-list">
              <ul>
                <li>
                  <p>
                    <a href="#">不限</a>
                    <a href="#">绘画</a>
                    <a href="#">雕塑</a>
                    <a href="#">工艺美术</a>
                    <a href="#">建筑艺术</a>
                    <a href="#">书画</a>
                    <a href="#">漫画</a>
                    <a href="#">中国画</a>
                    <a href="#">油画</a>
                    <a href="#">版画</a>
                    <a href="#">水彩画</a>
                    <a href="#">水粉画</a>
                    <a href="#">素描</a>
                    <a href="#">速写</a>
                    <a href="#">画技</a>
                    <a href="#">硬笔书法</a>
                    <a href="#">软笔书法</a>
                    <a href="#">篆刻</a>
                  </p>
                </li>
              </ul>
            </div>
          </li>
          <li> <a href="javascript:void(0);">武术</a>
            <div class="menu-list">
              <ul>
                <li>
                  <p>
                    <a href="#">不限</a>
                    <a href="#">中国武术</a>
                    <a href="#">跆拳道</a>
                    <a href="#">拳击</a>
                    <a href="#">空手道</a>
                    <a href="#">太极</a>
                    <a href="#">泰拳</a>
                    <a href="#">防身术</a>
                    <a href="#">散打</a>
                    <a href="#">少林功夫</a>
                    <a href="#">柔道</a>
                    <a href="#">咏春拳</a>
                    <a href="#">自由搏击</a>
                    <a href="#">特警功夫</a>
                    <a href="#">保镖</a>
                    <a href="#">硬气功</a>
                    <a href="#">对练对抗</a>
                    <a href="#">拳术类</a>
                    <a href="#">器械类</a>
                    <a href="#">刀剑抢棍</a>
                    <a href="#">集体项目</a>
                    <a href="#">其他</a>
                  </p>
                </li>
              </ul>
            </div>
          </li>
          <li> <a href="javascript:void(0);">幼儿园</a>
            <div class="menu-list">
              <ul>
                <li>
                  <p>
                    <a href="#">尤克里里</a>
                    <a href="#">声乐考级</a>
                    <a href="#">DJ/音控</a>
                    <a href="#">流行歌</a>
                    <a href="#">声乐/乐理</a>
                    <a href="#">器乐</a>
                    <a href="#">吉他</a>
                    <a href="#">钢琴</a>
                    <a href="#">古筝</a>
                    <a href="#">二胡</a>
                    <a href="#">萨克斯</a>
                    <a href="#">琵琶</a>
                    <a href="#">小提琴</a>
                    <a href="#">中提琴</a>
                    <a href="#">大提琴</a>
                    <a href="#">萧</a>
                    <a href="#">电贝斯</a>
                    <a href="#">吹奏乐器</a>
                    <a href="#">打击乐器</a>
                    <a href="#">拉弦乐器</a>
                    <a href="#">弹拨乐器</a>
                    <a href="#">其他</a>
                  </p>
                </li>
              </ul>
            </div>
          </li>
          <li> <a href="javascript:void(0);">其他文体</a>
            <div class="menu-list">
              <ul>
                <li>
                  <p>
                    <a href="#">尤克里里</a>
                    <a href="#">声乐考级</a>
                    <a href="#">DJ/音控</a>
                    <a href="#">流行歌</a>
                    <a href="#">声乐/乐理</a>
                    <a href="#">器乐</a>
                    <a href="#">吉他</a>
                    <a href="#">钢琴</a>
                    <a href="#">古筝</a>
                    <a href="#">二胡</a>
                    <a href="#">萨克斯</a>
                    <a href="#">琵琶</a>
                    <a href="#">小提琴</a>
                    <a href="#">中提琴</a>
                    <a href="#">大提琴</a>
                    <a href="#">萧</a>
                    <a href="#">电贝斯</a>
                    <a href="#">吹奏乐器</a>
                    <a href="#">打击乐器</a>
                    <a href="#">拉弦乐器</a>
                    <a href="#">弹拨乐器</a>
                    <a href="#">其他</a>
                  </p>
                </li>
              </ul>
            </div>
          </li>
        </ul>
      </div>

    </div>
    
  </div>
  <div class="MSwiper">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="box box1">
          </div>
        </div>
        <div class="swiper-slide">
          <div class="box box2">
          </div>
        </div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination"></div>
      <!-- Add Arrows -->
      <div class="w120">
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="main">
      <div class="mainIndex">
        <div class="IndexTit">
          <h3>汇智通您身边的导航者</h3>
        </div>
        <div class="BtnLink">
          <a href="javascript:void(0);" :title="实名认证">
                        <i class="LinkIcon1 active"></i>
                        <p>
                            <strong>实名认证</strong>
                            <span>严格审核杜绝虚假机构</span>
                        </p>
                    </a>
          <a href="javascript:void(0);" :title="大数据">
                        <i class="LinkIcon2 "></i>
                        <p>
                            <strong>大数据</strong>
                            <span>上百万培训机构让您精挑细选</span>
                        </p>
                    </a>
          <a href="javascript:void(0);" :title="精准定位">
                        <i class="LinkIcon3"></i>
                        <p>
                            <strong>精准定位</strong>
                            <span>自动搜索您身边的培训机构</span>
                        </p>
                    </a>
          <a href="javascript:void(0);" :title="门类齐全">
                        <i class="LinkIcon4"></i>
                        <p>
                            <strong>门类齐全</strong>
                            <span>覆盖多种文体培训种类</span>
                        </p>
                    </a>
        </div>
      </div>
    </div>
    <div class="MSuccess">
      <div class="MsuccessBox">
        <div class="IndexTit">
          <h3>汇智通的成就</h3>
        </div>
        <div class="SuccessMore">
          <ul>
            <li>
              <h2>30</h2>
              <p>每天有30万人在汇智通进行查询</p>
            </li>
            <li>
              <h2>660</h2>
              <p>总共服务660万客户</p>
            </li>
            <li>
              <h2>5695</h2>
              <p>5695家认证机构</p>
            </li>
            <li>
              <h2>13849</h2>
              <p>覆盖13849门类</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="main">
      <div class="mainIndex">
        <div class="IndexTit">
          <h3>热门培训机构</h3>
        </div>
        <div class="houseList">
          <ul>
            <li>
              <a href="#">
                              <img src="images/city/1.jpg" />
                              <strong>
                                  <b>橘子培训</b>
                                  <span>人气：3000</span>
                              </strong>
                          </a>
            </li>
            <li>
              <a href="#">
                              <img src="images/city/2.jpg" />
                              <strong>
                                  <b>胡桃夹子舞蹈培训</b>
                                  <span>人气：3000</span>
                              </strong>
                          </a>
            </li>
            <li>
              <a href="#">
                              <img src="images/city/3.jpg" />
                              <strong>
                                  <b>伦敦</b>
                                  <span>人气：3000</span>
                              </strong>
                          </a>
            </li>
            <li>
              <a href="#">
                              <img src="images/city/3.jpg" />
                              <strong>
                                  <b>伦敦</b>
                                  <span>人气：3000</span>
                              </strong>
                          </a>
            </li>
            <li>
              <a href="#">
                              <img src="images/city/3.jpg" />
                              <strong>
                                  <b>伦敦</b>
                                  <span>人气：3000</span>
                              </strong>
                          </a>
            </li>
            <li>
              <a href="#">
                              <img src="images/city/3.jpg" />
                              <strong>
                                  <b>伦敦</b>
                                  <span>人气：3000</span>
                              </strong>
                          </a>
            </li>
          </ul>
        </div>
        <a href="#" class="btnMore">查看更多</a>
      </div>
    </div>
    <div class="MSuccess">
      <div class="MsuccessBox newJoin">
        <div class="IndexTit">
          <h3>最新入驻</h3>
        </div>
         <div class="AdSearch SearchGuide">
      <div class="swiper-container1">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/1.jpg" />
                        <h3>买房流程</h3>
                    </a>
          </div>
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/2.jpg" />
                        <h3>税收政策</h3>
                    </a>
          </div>
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/3.jpg" />
                        <h3>贷款政策</h3>
                    </a>
          </div>
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/4.jpg" />
                        <h3>房屋所有权</h3>
                    </a>
          </div>
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/5.jpg" />
                        <h3>房产类型</h3>
                    </a>
          </div>
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/6.jpg" />
                        <h3>投资技巧</h3>
                    </a>
          </div>
          <div class="swiper-slide">
            <a href="#">
                        <img src="images/swiperImg/7.jpg" />
                        <h3>在线计算器</h3>
                    </a>
          </div>
          <div class="swiper-slide swiper-slide-active">
            <a href="#">
                        <img src="images/swiperImg/8.jpg" />
                        <h3>区块必读<br />学区指南</h3>
                    </a>
          </div>
        </div>
      </div>

  </div>

      </div>

    </div>
    <!-- <div class="ShareLink">
      <div class="ShareBox">
        <h2>与品致家同步</h2>
        <p>
          <a href="#" class="icon1"></a>
          <a href="#" class="icon2"></a>
          <a href="#" class="icon3"></a>
          <a href="#" class="icon4"></a>
        </p>
      </div>
    </div> -->
  </div>
  <div class="footer">
    <div class="footerBox">
      <div class="footerLt">
        <dl>
          <dt>品致家 Priplus</dt>
          <dd><a href="#">关于我们</a></dd>
          <dd><a href="#">法律声明</a></dd>
          <dd><a href="">媒体报道</a></dd>
          <dd><a href="#">加入我们</a></dd>
        </dl>
        <dl>
          <dt>产品服务</dt>
          <dd><a href="#">购买房产</a></dd>
          <dd><a href="#">出售房产</a></dd>
          <dd><a href="#">求租房产</a></dd>
          <dd><a href="#">出售房产</a></dd>
          <dd><a href="#">购买指南</a></dd>
        </dl>
        <dl>
          <dt>常见问题</dt>
          <dd><a href="#">商务合作</a></dd>
          <dd><a href="#">账号安全</a></dd>
        </dl>
      </div>
      <div class="footerRt">
        <p class="borderL">
          <img src="images/footerW.jpg" alt="" class="fr" />
          <strong>联系我们</strong>
          <b>伦敦办公室</b>
          <span>
                    <i class="fIcon1"></i>
                    电话：400-1818-840
                </span>
          <span>
                    <i class="fIcon2"></i>
                    邮箱：SERVICE@PRIPLUS.COM
                </span>
        </p>
        <p>
          <img src="images/footerW.jpg" alt="" class="fr" />
          <b>中国办公室</b>
          <span>
                    <i class="fIcon1"></i>
                    电话：400-1818-840
                </span>
          <span>
                    <i class="fIcon2"></i>
                    邮箱：SERVICE@PRIPLUS.COM
                </span>
        </p>
      </div>
    </div>
  </div>
  <div class="footerShow">
    <p>©金莱联行（北京）房地产顾问有限公司c2018 京ICP备123456号</p>
  </div>
  <div class="GoTop">
    <div class="showBtn">
      <p>
        <a href="#" class="TopBtn"></a>
        <i class="TopIcon1"></i>
        <i class="TopIcon2"></i>
        <strong>info@priplus.com</strong>
        <i class="TopIcon3"></i>
      </p>
    </div>
    <div class="showBtn">
      <p>
        <a href="#" class="TopBtn"></a>
        <i class="TopIcon1"></i>
        <strong>400-1818-840</strong>
        <i class="TopIcon2 marginT"></i>
        <i class="TopIcon3"></i>
      </p>
    </div>
    <div class="showBtn">
      <p>
        <a href="#" class="TopBtn"></a>
        <i class="TopIcon1"></i>
        <i class="TopIcon2 marginT"></i>
        <i class="TopIcon3"></i>
        <strong>priplus</strong>
        <img src="images/wx.jpg" width="45px" alt="" />
      </p>
    </div>
  </div>
  <script src="js/swiper-3.4.0.jquery.min.js"></script>
  <script>
  window.onload = function() {
    var myswiper = new Swiper('.MSwiper .swiper-container', {
      pagination: '.MSwiper .swiper-pagination',
      nextButton: '.swiper-button-next',
      prevButton: '.swiper-button-prev',
      slidesPerView: 1,
      paginationClickable: true,
      spaceBetween: 30,
      loop: true
    });
var swiper = new Swiper('.swiper-container1', {
      slidesPerView: 8,
      spaceBetween: 0,
      slidesPerGroup: 1,
      loop: true,
      loopFillGroupWithBlank: true,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
  }
  </script>
</body>

</html>